<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			*
			{
				margin: 0;
				padding: 0;
			}
			/* 第一行 */
			.bbbox
			{
				width:100%;
					height: 50px;
					border: 1px solid blue;
					background:white;
					margin: auto;
			}
			.box1
			{
				width:50%;
					height: 50%;
					border: 1px solid green;
					background:white;
					float:left;
					margin-top: 10px ;
			}
			.box2
			{
				width:40%;
					height: 50%;
					border: 1px solid green;
					background:white;
					float: right;
					margin-top: 10px ;
			}
			/* 第二行 */
			.bbbox1
			{
				width:920px;
					height: 50px;
					border: 1px solid blue;
					background:white;
					margin: auto;
					margin-top: 10px ;
			}
			.box3
			{
				width:70px ;
					height: 100%;
					border: 1px solid green;
					float:left;
					
					margin-left: 3px ;
			}
			.box
			{
			width:300px ;
				height: 50%;
				border: 1px solid green;
				float:left;
				margin-top: 10px ;
				margin-left: 90px ;
			}
			/* 第三行 */
			.bbbox2
			{
			width:950px;
				height: 430px;
				border: 1px solid blue;
				background:white;
				margin: auto;
				margin-top: 10px ;
			}
			.bb1
			{
			width:90px;
				height: 412px;
				border: 1px solid blue;
				float: left;
				margin-left: 10px;
				margin-top: 10px;
			}
			.bbb
			{
				width:90px;
					height: 40px;
					border: 1px solid blue;
					
			}
			.bb
			{
			width:200px;
				height: 200px;
				border: 1px solid blue;
				background:white;
				float: left;
				margin-left: 10px;
				margin-top: 10px;
			}
			/* 第四行 */
			.bbbox3
			{
			width:837px;
				height: 430px;
				border: 1px solid blue;
				background:white;
				margin: auto;
				margin-top: 10px ;
			}
			.bbbb
			{
				width:200px;
					height: 200px;
					border: 1px solid blue;
					background:white;
					float: left;
					margin-left: 10px;
					margin-top: 10px;
			}
			/* 第五行 */
			.bbbox4
			{
				width:1237px;
					height: 220px;
					border: 1px solid blue;
					margin: auto;
					margin-top: 10px ;
			}
			.b1
			{
				width:300px;
					height: 200px;
					border: 1px solid blue;
					background:white;
					float: left;
					margin-left: 10px;
					margin-top: 10px;
			}
		</style>
	</head>
	<body>
		<div class="bbbox">
			<div class="box1"></div>
			<div class="box2"></div>
		</div>
		<div class="bbbox1">
			<div class="box3"></div>
			<div class="box"></div>
			<div class="box"></div>
		</div>
		
		<div class="bbbox2">
			<div class="bb1"><div class="bbb"></div>
			<div class="bbb"></div>
			<div class="bbb"></div>
			<div class="bbb"></div>
			<div class="bbb"></div>
			<div class="bbb"></div>
			<div class="bbb"></div>
			<div class="bbb"></div>
			<div class="bbb"></div>
			<div class="bbb"></div></div>
			<div class="bb" style="margin-left: 0px;"></div>
			<div class="bb"></div>
			<div class="bb"></div>
			<div class="bb"></div>
			<div class="bb" style="margin-left: 0px;"></div>
			<div class="bb"></div>
			<div class="bb"></div>
			<div class="bb" style="margin-right: 0px;"></div>
		</div>
		
		<div class="bbbox3">
			<div class="bbbb" style="margin-left: 0px;"></div>
			<div class="bbbb"></div>
			<div class="bbbb"></div>
			<div class="bbbb"></div>
			<div class="bbbb" style="margin-left: 0px;"></div>
			<div class="bbbb"></div>
			<div class="bbbb"></div>
			<div class="bbbb" style="margin-right: 0px;"></div>
		</div>
		
		<div class="bbbox4">
			<div class="b1" style="margin-left: 0px;"></div>
			<div class="b1"></div>
			<div class="b1"></div>
			<div class="b1" style="margin-right: 0px;"></div>
		</div>
		
		
		
	</body>
</html>
